import { defineConfig } from 'unocss';
import presetWind3 from '@unocss/preset-wind3';
import transformerDirectives from '@unocss/transformer-directives';
import transformerCompileClass from '@unocss/transformer-compile-class';
// import presetReset from '@unocss/reset';

export default defineConfig({
  layers: {
    reset: 0, // 重置层（最低）
    element: 1, // Element 组件层（中）
    utilities: 2 // 工具类层（最高）
  },
  content: {
    pipeline: {
      exclude: ['node_modules']
    }
  },
  transformers: [transformerDirectives(), transformerCompileClass()],
  presets: [presetWind3()],
  //   自定义规则
  rules: [],
  // 自定义快捷方式
  shortcuts: {},
  theme: {
    breakpoints: {
      xs: '320px',
      sm: '480px',
      md: '768px',
      lg: '1024px',
      xl: '1280px',
      xxl: '1600px'
    },
    colors: {
      primary: 'var(--el-color-primary)',
      primary_dark: 'var(--el-color-primary-light-5)',
      info: 'var(--el-color-info)',
      success: 'var(--el-color-success)',
      warning: 'var(--el-color-warning)',
      error: 'var(--el-color-error)',
      fill: 'var(--el-fill-color-light)',
      text: 'var(--el-text-color-primary)',
      card: 'var(--el-bg-color-overlay)',
      background: 'var(--el-bg-color)',
      borderColor: 'var(--el-border-color-lighter)'
    }
  }
});
